<style>
.appointment_top span.right a img {
  margin-right: 5px;
  vertical-align: middle;
  height: 20px;
}
.video_mask {
    top: 127px;
}
</style>
<div class="mobilepage">

<div class="mask" style="width: 100%;position: fixed;z-index: 9991001;left: 0px;padding-top: 125px;" id="fwin_dialog_loginw" ng-show="dshow">
	<div class="mask_login">
		<div class="login_error">
			<p>{{msg}}</p>
			<a class="bigbtn forclose" ng-click="go('order1')">确定</a>
		</div>
	</div>

</div>

<div class="mask" style="display: block;" ng-show="show">
    <div class="internet_appointment">
        <dl class="internet_appointment_dl">
            <dt>请先验证手机号码</dt>
            <dd class="row mg0">
                <span class="col-lg-1 col-md-1 col-sm-2 col-xs-3">手机号码</span>
                <span class="right col-lg-11 col-md-11 col-sm-10 col-xs-9">
                    <input type="tel" ng-model="tel" ng-focus="inputshow($event)">
                </span>
            </dd>
            <dd class="row mg0">
                <span class="col-lg-1 col-md-1 col-sm-2 col-xs-3">验证码</span>
                <span class="middle col-lg-6 col-md-6 col-sm-5 col-xs-5">
                    <input type="tel" ng-model="validate_code" ng-focus="inputshow($event)" />
                </span>
                <span class="verification col-lg-5 col-md-5 col-sm-5 col-xs-4" style="    padding-right: 10px;">
                    <a  class="verification_a " ng-click="get_code()" style="width: 100%" ng-class="{btnblue :code_value=='发送验证码'}">{{code_num}}{{code_value}}</a>
                </span>
            </dd>
        </dl>
        <div class="verification_not"><a  ng-click="showm=true">未收到验证码？</a></div>
        <div class="internet_appointment_bot row mg0">
            <span class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                <a  class="internet_appointment_bot_left_a" ng-click="done()">提交订单</a>
            </span>
            <span class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                <a  class="internet_appointment_bot_right_a" ng-click="show=false">放弃订单</a>
            </span>
        </div>
    </div>
</div>

<div class="mask" style="padding:0 47px;" ng-show="showm" ng-click="showm=false">
    <div class="mask_resetpassword" style="margin-top: 70px">
        <div class="resetpassword_info">
            <dl class="resetpassword_dl">
                <dt>温馨提示</dt>
                <dd>
                    网络通讯异常可能会造成短信丢失，请重新获取或稍后再试。
                </dd>
                <dd>
                    请核实手机是否已欠费停机，或者屏蔽了系统短信。
                </dd>
                <dd>
                    如果原手机号已丢失或停用，请联系客服人工修改手机号码。
                </dd>
                <dd>
                    客服电话:15558127186
                </dd>
            </dl>
            <div class="resetpassword_btn">
                <a  class="knowbtn" ng-click="showm=false">我知道了</a>
            </div>

        </div>
    </div>
</div>

<div class="mask_video" ng-show="v_start!=0&&v_move==0">
    <div class="video_mask"  style="height: 175px;">
        <img src="{{localurl}}images/layout/video_mask.gif" alt="">
        <p><span ng-show="ms>0" style="display: inline;">{{ms}}'</span> <span ng-show="ss>=0" style="display: inline;">{{ss}}"</span></p>
        <span>手指上划,取消录音</span>
    </div>
</div>
<div class="mask_video" ng-show="v_move!=0">
    <div class="video_mask">
        <img src="{{localurl}}images/layout/up_mask.png" alt="">
        <div style="clear: both;height: 8px"></div>
        <span class="qx">松开手指,取消录音</span>
    </div>
</div>
<div class="tutor_top kf_top">
    <span class="back col-lg-1 col-md-1 col-sm-2 col-xs-3" ng-click="back()">
        <img src="{{localurl}}images/tutor/back.png" class="back_img" alt="返回">
    </span>
    <span class="title col-lg-10 col-md-10 col-sm-8 col-xs-6">{{title}}</span>
    <span class="menu col-lg-1 col-md-1 col-sm-2 col-xs-3"></span>
</div>
    <div id="viewbd" class="weui_tab_bd">

<div class="pd0 pt53">
    <div class="internet_menu row mg0">
        <span class="col-lg-2 col-md-2 col-sm-3 col-xs-4" ng-repeat="f in fcate">
            <a  ng-click="choosecate(this)" ng-class="{on:f.h>0}">
                <i>{{f.cate_name}}</i>
            </a>
        </span>
    </div>
    <div class="appointment">
       	<div class="appointment_top row mg0" ng-show="vshow==true">
            <span class="left col-lg-1 col-md-1 col-sm-2 col-xs-3" ng-click="vshow=false;"><img src="{{localurl}}images/layout/key.png" alt=""></span>
            <span class="right col-lg-11 col-md-11 col-sm-10 col-xs-9">
                <p touch-area="" ng-show="voice_path==null||voice_path==''" id="videorecord">
                    <strong><img src="{{localurl}}images/layout/voice.png" alt="">点击开始咨询</strong>
                </p>
                <p  ng-click="play()" ng-show="voice_path!=null&&voice_path!=''">
                    <strong><img src="{{localurl}}images/layout/{{playm}}">点击播放语音</strong>
                </p>
            </span>
             <span style="display: block;
  text-align: right;
  color: #00aaf4;
  font-size: 12px;" ng-click="audioclear()" ng-show="voice_path!=null&&voice_path!=''">删除录音</span>
        </div>
        <div class="appointment_middle row mg0" ng-show="vshow==false">
            <span class="left col-lg-1 col-md-1 col-sm-2 col-xs-3" ng-click="vshow=true;"><img src="{{localurl}}images/layout/internet_voice.png" alt=""></span>
            <span class="right col-lg-11 col-md-11 col-sm-10 col-xs-9">
                <textarea name="" ng-focus="inputshow($event)" id="" class="appointment_textarea" cols="30" rows="10" 
                placeholder="输入文字至少30字，最多500字" ng-model="content" ng-change="cchange()"></textarea>
            </span>
        </div>
        <div class="appointment_bot">
            <a  ng-click="fordone()">立即预约专家</a>
        </div>
    </div>
    <div class="internet_user row mg0">
        <a  class="internet_user_a col-lg-3 col-md-3 col-sm-3 col-xs-3" ng-repeat="t in tutor" ng-click="go('tutorindex',{'id':t.user_id})">
            <span><img ng-src="{{site}}{{t.headimgurl}}" err-src="{{localurl}}images/my/my_header_user.png" alt=""></span>
            <p>{{t.tutor_name}}</p>
            <strong>{{t.organization}} {{t.position}}</strong>
        </a>
    </div>
</div>
    </div>
</div>